/*
Copyright (c) 2009, Baidu Inc. All rights reserved.
version: 1.0.3.0
*/
/**
 * BBlib panel
 * @module panel
 * @namespace
 * @requires request
 */

.mask {background:#000;filter:alpha(opacity:30);-ms-filter:alpha(opacity:30);opacity:0.3;}

/*panel*/
.panel {z-index:299;position:relative;text-align:left;}
.panel .hd {zoom:1;}
.panel .co1,.panel .co2,.panel .cue,.panel .sd,.panel .close,.panel .resize {z-index:3;}
.panel .close {cursor:pointer;}
.panel .resize {position:absolute;right:0;bottom:0;width:10px;height:10px;}
.panel .panel-iframe {width:100%;height:100%;_height:3000px;position:absolute;top:0;left:0;z-index:0;filter:alpha(opacity=0);-ms-filter:alpha(opacity=0);}

.panel-t0 {position:relative;zoom:1;z-index:0;}
.panel-t0 .panel-content {position:relative;z-index:2;}
.panel-drag-enabled {cursor:move;}
/*panel-t1*/
.panel-t1 {position:relative;zoom:1;z-index:0;_padding-bottom:3px;_overflow-y:hidden;}
.panel-t1 .panel-content {position:relative;z-index:2;border:3px solid #83c44e;background:#fff;}
.panel-t1 .panel-content .hd {background:url(images/panel/sprites_gra.png) repeat-x;border-bottom:1px solid #d6d6d6;zoom:1;}
.panel-t1 .panel-content .hd h3 {font-size:14px;font-weight:bold;color:#f60;padding:4px 7px 1px;}
.panel-t1 .panel-content .ft {background:#dbf4bf;text-align:center;}
.panel-t1 .panel-content .ft button{margin:3px 5px;font-size:14px;padding:0 8px;cursor:pointer;}
.panel-t1 .sd {display:block;background:#333;width:100%;height:100%;_height:3000px;position:absolute;top:3px;left:3px;z-index:-1;opacity:.20;filter:alpha(opacity="20");}
.panel-t1 .close {width:16px;height:16px;display:block;overflow:hidden;text-indent:-9999px;background:url(images/panel/bg_act_close.png) no-repeat;position:absolute;top:8px;right:8px;}
.panel-t1 .close:hover {background:url(images/panel/bg_act_close.png) no-repeat 0 -26px;}

.panel-t2 {border:1px solid #eebd54;background-color:#fffee6;position:relative;z-index:0;zoom:1;_overflow-y:hidden;_height:100%;}
.panel-t2 .panel-content {position:relative;z-index:2;}
.panel-t2 .co1,
.panel-t2 .co1 span, 
.panel-t2 .co2,
.panel-t2 .co2 span {position:relative;display:block;clear:both;font-size:0;height:4px;background:url(images/panel/bg_corn4.png) no-repeat;}
.panel-t2 .co1 {position:absolute;top:0px;}
.panel-t2 .co1,.panel-t2 .co2 {width:100%; right:-1px;}
.panel-t2 .co1 span,.panel-t2 .co2 span {width:4px;left:-2px;}
.panel-t2 .co1 {background-position:100% 0;top:-1px;}
.panel-t2 .co1 span {background-position:0 -8px;}
.panel-t2 .co2 {position:absolute;background-position:100% -4px;bottom:-1px;_bottom:-2px;}
.panel-t2 .co2 span {background-position:0 -12px;}
.panel-t2 .close {width:16px;height:16px;display:block;overflow:hidden;text-indent:-9999px;background:url(images/panel/bg_act_close.png) no-repeat;position:absolute;top:5px;right:5px;}
.panel-t2 .close:hover {background:url(images/panel/bg_act_close.png) no-repeat 0 -26px;}

.panel-t2 .panel-content .hd h3 {font-weight:bold;font-size:12px;padding:7px 8px;}

.panel-t2-lb .cue,.panel-t2-lt .cue,.panel-t2-tl .cue,.panel-t2-tr .cue,.panel-t2-rt .cue,.panel-t2-rb .cue,.panel-t2-br .cue,.panel-t2-bl .cue {width:12px;height:13px;background:url(images/panel/sprites_cue.png) 0 0 no-repeat;position:absolute;z-index:5;}
.panel-t2-lb .cue {width:13px;height:12px;background-position:0 -40px;left:-12px;bottom:20px;}
.panel-t2-lt .cue {width:13px;height:12px;background-position:-40px -40px;left:-12px;top:20px;}
.panel-t2-tl .cue {background-position:-80px -40px;left:20px;top:-12px;}
.panel-t2-tr .cue {background-position:-120px -40px;right:20px;top:-12px;}
.panel-t2-rt .cue {background-position:-160px -40px;right:-12px;top:20px;}
.panel-t2-rb .cue {background-position:-200px -40px;right:-12px;bottom:20px;}
.panel-t2-br .cue {background-position:-240px -40px;right:20px;bottom:-12px;}
.panel-t2-bl .cue {background-position:-280px -40px;left:20px;bottom:-12px;}

/*panel-t3*/
.panel-t3 {position:relative;zoom:1;z-index:0;_padding-bottom:3px;_overflow-y:hidden;}
.panel-t3 .panel-content {position:relative;z-index:2;border:1px solid #1dace8;background:#fff;}
.panel-t3 .panel-content .hd {background:#bfecff;}
.panel-t3 .panel-content .hd h3 {font-size:12px;font-weight:bold;color:#000;padding:5px 7px 3px 7px;}
.panel-t3 .sd {display:block;background:#333;width:100%;height:100%;_height:3000px;position:absolute;top:3px;left:3px;z-index:-1;opacity:.20;filter:alpha(opacity="20");}
.panel-t3 .close {width:16px;height:16px;display:block;overflow:hidden;text-indent:-9999px;background:url(images/panel/bg_act_close.png) no-repeat;position:absolute;top:5px;right:8px;}
.panel-t3 .close:hover {background:url(images/panel/bg_act_close.png) no-repeat 0 -26px;}

/*panel-t4*/
.panel-t4 {position:relative;zoom:1;z-index:0;_padding-bottom:3px;_overflow-y:hidden;}
.panel-t4 .panel-content {position:relative;z-index:2;border:1px solid #f1c463;background:#fff;}
.panel-t4 .panel-content .hd {background:#f6deaa;}
.panel-t4 .panel-content .hd h3 {font-size:14px;font-weight:bold;color:#000;padding:4px 7px 1px 7px;}
.panel-t4 .sd {display:block;background:#333;width:100%;height:100%;_height:3000px;position:absolute;top:3px;left:3px;z-index:-1;opacity:.20;filter:alpha(opacity="20");}
.panel-t4 .close {width:16px;height:16px;display:block;overflow:hidden;text-indent:-9999px;background:url(images/panel/bg_act_close.png) no-repeat;position:absolute;top:5px;right:8px;}
.panel-t4 .close:hover {background:url(images/panel/bg_act_close.png) no-repeat 0 -26px;}


/*panel-t5*/
.panel-t5 {position:relative;zoom:1;z-index:0;_padding-bottom:3px;_overflow-y:hidden;}
.panel-t5 .panel-content {position:relative;z-index:2;border:1px solid #a1a1a1;background:#fff;}
.panel-t5 .panel-content .hd {background:#f6deaa;}
.panel-t5 .panel-content .hd h3 {font-size:14px;font-weight:bold;color:#000;padding:4px 7px 1px 7px;}
.panel-t5 .sd {display:block;background:#333;width:100%;height:100%;_height:3000px;position:absolute;top:3px;left:3px;z-index:-1;opacity:.20;filter:alpha(opacity="20");}
.panel-t5-lt .cue {width:18px;height:18px;display:block;overflow:hidden;text-indent:-9999px;background:url(images/panel/sprites_cue.png) -40px 0 no-repeat;position:absolute;top:30px;left:-17px;}

/*panel-t5*/
.panel-t5 {zoom:1;z-index:0;_padding-bottom:3px;_overflow-y:hidden;}
.panel-t5 .panel-content {position:relative;z-index:2;border:1px solid #a1a1a1;background:#fff;}
.panel-t5 .panel-content .hd {background:url(images/sprites_gra.gif) repeat-x;border-bottom:1px solid #d6d6d6;}
.panel-t5 .panel-content .hd h3 {font-size:108%;font-weight:bold;color:#000;padding:.3em .5em .1em .5em;}
.panel-t5 .sd {display:block;background:#333;width:100%;height:100%;_height:3000px;;position:absolute;top:3px;left:3px;z-index:-1;opacity:.20;filter:alpha(opacity="20");}
.panel-t5 .close {width:16px;height:16px;display:block;overflow:hidden;text-indent:-9999px;background:url(images/bg_act_close.gif) no-repeat;position:absolute;top:.4em;right:.6em;}
.panel-t5 .close:hover {background:url(images/bg_act_close_h.gif) no-repeat;}

.panel-t5-lb .cue,.panel-t5-lt .cue,.panel-t5-tl .cue,.panel-t5-tr .cue,.panel-t5-rt .cue,.panel-t5-rb .cue,.panel-t5-br .cue,.panel-t5-bl .cue {width:20px;height:20px;background:url(images/sprites_cue.gif) 0 0 no-repeat;position:absolute;z-index:5;}
.panel-t5-lb .cue {background-position:0 0;bottom:30px;left:-17px;}
.panel-t5-lt .cue {background-position:-40px 0;top:30px;left:-17px;}
.panel-t5-tr .cue {background-position:-80px -1px;right:30px;top:-17px;}
.panel-t5-tl .cue {background-position:-120px -1px;left:30px;top:-17px;}
.panel-t5-rb .cue {width:21px;height:21px;background-position:-160px 0;right:-20px;bottom:30px;}
.panel-t5-rt .cue {width:21px;height:21px;background-position:-200px 0;right:-20px;top:30px;}
.panel-t5-bl .cue {width:21px;height:21px;background-position:-240px 0;left:30px;bottom:-19px;_bottom:-17px;}
.panel-t5-br .cue {width:21px;height:21px;background-position:-280px 0;right:30px;bottom:-19px;_bottom:-17px;}

.panel-t5-tr .sd,.panel-t5-tl .sd,.panel-t5-br .sd,.panel-t5-bl .sd {_height:expression(this.parentNode.offsetHeight-3);}
.panel-t5-tr,.panel-t5-tl,.panel-t5-br,.panel-t5-bl {_overflow-y:visible;}

/*panel-t6*/
.panel-t6 {position:relative;zoom:1;z-index:0;_padding-bottom:3px;_overflow-y:hidden;}
.panel-t6 .panel-content {position:relative;z-index:2;border:1px solid #f1ca6f;background:#fffee6;}
.panel-t6 .sd {display:block;background:#333;width:100%;height:100%;_height:3000px;position:absolute;top:3px;left:3px;z-index:-1;opacity:.20;filter:alpha(opacity="20");}
.panel-t6 .close {width:16px;height:16px;display:block;overflow:hidden;text-indent:-9999px;background:url(images/panel/bg_act_close.png) no-repeat;position:absolute;top:5px;right:8px;}
.panel-t6 .close:hover {background:url(images/panel/bg_act_close.png) no-repeat 0 -26px;}


/*panel-login*/
.panel-login {margin:10px;}
.panel-login .s1 {border:1px solid #ffde6a;background:url(images/panel/bg_mantle_notice.png) 7px no-repeat #feffea;font-size:12px;padding:5px 7px 4px 27px; }
.panel-login ul {margin:13px 0 0 13px;}
.panel-login li {zoom:1;margin-bottom:5px;}
.panel-login li:after {content:'';visibility:hidden;display:block;height:0;clear:both;}
.panel-login .k {float:left;width:52px;font-size:14px;}
.panel-login .v {float:left;font-size:12px;}
.panel-login .submit button {vertical-align:middle;margin-right:7px;}
.panel-login .s2 {border-top:1px solid #b2b2b2;padding-top:13px;text-align:center;}
.panel-login .s2 h4 {font-size:14px;font-weight:bold;text-align:left;}
.panel-login .s2 button {clear:both;padding:0 52px;margin:7px 0;}


/*common ui element*/
.bb-confirm-success {background:url(images/panel/bgs_okay.png) 27px 18px no-repeat #feffea;padding:23px 20px 20px 95px;}
.bb-confirm-success h4 {font-size:14px;font-weight:bold;}
.bb-confirm-success p {font-size:12px;margin-top:4px;}
.bb-confirm-success p.submit {margin-top:10px;}

.bb-confirm-warning {background:url(images/panel/bgs_alert.png) 27px 18px no-repeat #feffea;padding:23px 20px 20px 95px;}
.bb-confirm-warning h4 {font-size:14px;font-weight:bold;}
.bb-confirm-warning p {font-size:12px;margin-top:4px;}
.bb-confirm-warning p.submit {margin-top:10px;}

.bb-confirm-failure {background:url(images/panel/bgs_error.png) 27px 18px no-repeat #feffea;padding:23px 20px 20px 95px;}
.bb-confirm-failure h4 {font-size:14px;font-weight:bold;}
.bb-confirm-failure p {font-size:12px;margin-top:4px;}
.bb-confirm-failure p.submit {margin-top:10px;}

.bb-box-success {background:url(images/panel/bgs_okay.png) 27px 110px no-repeat #feffea;border:1px solid #ffe067;padding:110px 2em 2em 100px;min-height:50px;_height:50px;zoom:1;}
.bb-box-success h4 {font-size:123.1%;font-weight:bold;}
.bb-box-success p {font-size:12px;line-height:1.5;margin-top:7px;}
.bb-box-success ul {margin-top:10px;}
.bb-box-success li {list-style:disc;margin:7px 0 0 17px;font-size:12px;}
.bb-box-success h4.lonely {margin:0;padding:.7em 0 0;}

.bb-box-warning {background:url(images/panel/bgs_alert.png) 27px 110px no-repeat #feffea;border:1px solid #ffe067;padding:110px 2em 2em 100px;min-height:50px;_height:50px;zoom:1;}
.bb-box-warning h4 {font-size:123.1%;font-weight:bold;}
.bb-box-warning p {font-size:12px;line-height:1.5;margin-top:7px;}
.bb-box-warning ul {margin-top:10px;}
.bb-box-warning li {list-style:disc;margin:7px 0 0 17px;font-size:12px;}
.bb-box-warning h4.lonely {margin:0;padding:.7em 0 0;}

.bb-box-failure {background:url(images/panel/bgs_error.png) 27px 110px no-repeat #feffea;border:1px solid #ffe067;padding:110px 2em 2em 100px;min-height:50px;_height:50px;zoom:1;}
.bb-box-failure h4 {font-size:123.1%;font-weight:bold;}
.bb-box-failure p {font-size:12px;line-height:1.5;margin-top:7px;}
.bb-box-failure ul {margin-top:10px;}
.bb-box-failure li {list-style:disc;margin:7px 0 0 17px;font-size:12px;}
.bb-box-failure h4.lonely {margin:0;padding:.7em 0 0;}

/*panel-help*/
.panel-help {position:relative;zoom:1;z-index:0;_padding-bottom:3px;_overflow-y:hidden;}
.panel-help .panel-content {position:relative;z-index:2;border:1px solid #808080;background:#fff;}
.panel-help .panel-content .hd {background:#E0E1E2 url(images/panel/sprites_gra.png) repeat-x 0 -320px;border-bottom:1px solid #CCC}
.panel-help .panel-content .hd h3 {font-size:12px;font-weight:bold;color:#000;padding:2px 8px 2px 8px;}
.panel-help .panel-content .bd {font-size:12px;padding:5px 10px 10px;background:#f2f2f2;color:#333;line-height:1.7}
.panel-help .close {width:25px;height:15px;display:block;overflow:hidden;text-indent:-9999px;background:url(images/panel/panel_help_close.png) no-repeat;position:absolute;top:4px;right:8px;}
.panel-help .close:hover {background-position:0 -15px;}
